防抖
//应用场景 搜索框搜索输入  文本编辑器实时保存  单位时间内频繁触发事件，只执行最后一次
代码思路是利用计时器，每次触发先前清理掉以前的计时器（重新开始）

<script type="text/javascript">
	let timerId = null;
	document.querySelector('.ipt').onkeyup = function () {
		if (timerId !== null){
			clearTimeout(timerId)
		}
		timerId = setTimeout(function(){
			document.write('防抖')
		}，1000)
	}
</script>


节流是指连续触发事件但是在设定的一段时间内只执行一次函数。
例如：设定1000ms执行，那你在1000ms触发在多次，也只在1000ms后执行一次
应用场景  例如  快速点击、鼠标滑动、resize事件、scroll事件
下拉加载
视频播放记录时间等

<script type="text/javascript">
	let timerId = null;
	document.querySelector('.ipt').onkeyup =function () {
		if(timerId !== null){
			return
		}

		timerId = setTimeout(function () {
			console.log('节流');
			timerId = null;
		},100)
	}
</script>

单位时间内频繁触发事件，只执行一次
代码思路是利用定时器，等执行器执行完毕，才开启定时器（从新开始）

开发中用lodash库，debounce和throttle